import Taro, { Component } from '@tarojs/taro'
import { View } from '@tarojs/components'
import Tabs from '../../components/Tabs/Tabs'
import NewsItem from '../../components/NewsItem/NewsItem'
import BottomLine from '../../components/BottomLine/BottomLine'
import './news.scss'

export default class News extends Component {

  config = {
    navigationBarTitleText: '新闻政策'
  }

  state={
    tabs : [{ id: 1, value: '政策指南', isActive:true }, { id: 2, value: '新闻动态', isActive:false }]
  }

  handleTabsClick(e){
    // console.log('您好，这里是父组件news')
    // console.log(e);
    let {index} = e
    let {tabs} = this.state
    tabs.forEach((v,i)=>{v.isActive=v.id===index?true:false})
    this.setState({tabs})
  }

  render () {
    //1 创建新闻列表
    let {tabs} = this.state
    let newsContent=null
    if(tabs[0].isActive){
      newsContent=(
        <View>
          <NewsItem url='/pages/news/policyDetail/policyDetail?id=1' title='湖南省人民政府办公厅关于印发《湖南省优化经济发展环境规定》的通知' time='2019.10.22' source='来源：中国政府网'></NewsItem>
          <NewsItem url='/pages/news/policyDetail/policyDetail?id=2' title='娄底市人民政府关于加快推进现代服务业发展的若干意见' time='2019.07.22' source='来源：中国政府网'></NewsItem>
          <NewsItem url='/pages/news/policyDetail/policyDetail?id=3' title='湖南省人民政府办公厅关于印发《湖南省推进电子商务与快递物流协同发展实施方案' time='2019.05.24' source='来源：中国政府网'></NewsItem>
          <NewsItem url='/pages/news/policyDetail/policyDetail?id=4' title='娄底市人民政府关于支持娄底高新技术产业开发区加快发展的若干意见' time='2019.04.09' source='来源：中国政府网'></NewsItem>
          <NewsItem url='/pages/news/policyDetail/policyDetail?id=5' title='娄底市人民政府办公室关于加速推进产业园区改革和创新发展的实施意见' time='2019.01.07' source='来源：中国政府网'></NewsItem>
          <NewsItem url='/pages/news/policyDetail/policyDetail?id=1' title='新经济下融资租赁业蓝海将进一步开启' time='2019.05.24' source='来源：中国政府网'></NewsItem>
          <NewsItem url='/pages/news/policyDetail/policyDetail?id=1' title='我市金融指标增速较快' time='2019.05.24' source='来源：中国政府网'></NewsItem>
          <NewsItem url='/pages/news/policyDetail/policyDetail?id=1' title='我市金融指标增速较快' time='2019.05.24' source='来源：中国政府网'></NewsItem>
          <NewsItem url='/pages/news/policyDetail/policyDetail?id=1' title='我市金融指标增速较快' time='2019.05.24' source='来源：中国政府网'></NewsItem>
          <NewsItem url='/pages/news/policyDetail/policyDetail?id=1' title='华学健：为实施乡村振兴战略提供强有力金融保障' time='2019.05.24' source='来源：中国政府网'></NewsItem>
          <NewsItem url='/pages/news/policyDetail/policyDetail?id=1' title='华学健：为实施乡村振兴战略提供强有力金融保障' time='2019.05.24' source='来源：中国政府网'></NewsItem>
          <NewsItem url='/pages/news/policyDetail/policyDetail?id=1' title='华学健：为实施乡村振兴战略提供强有力金融保障' time='2019.05.24' source='来源：中国政府网'></NewsItem>
          <BottomLine></BottomLine>
        </View>
      )
    }else if(tabs[1].isActive){
      newsContent=(
        <View>
          <NewsItem url='/pages/news/newsDetail/newsDetail?id=1' title='湖南省政府请你提”金点子“啦！' time='2019.12.10' source='来源：中国政府网'></NewsItem>
          <NewsItem url='/pages/news/newsDetail/newsDetail?id=2' title='新经济下融资租赁业蓝海将进一步开启' time='2019.12.06' source='来源：中国政府网'></NewsItem>
          <NewsItem url='/pages/news/newsDetail/newsDetail?id=3' title='我市金融指标增速较快' time='2019.11.21' source='来源：中国政府网'></NewsItem>
          <NewsItem url='/pages/news/newsDetail/newsDetail?id=4' title='湖南省政府请你提”金点子“啦！' time='2019.11.15' source='来源：中国政府网'></NewsItem>
          <NewsItem url='/pages/news/newsDetail/newsDetail?id=5' title='华学健：为实施乡村振兴战略提供强有力金融保障' time='2019.07.25' source='来源：中国政府网'></NewsItem>
          <NewsItem url='/pages/news/newsDetail/newsDetail?id=1' title='湖南省政府请你提”金点子“啦！' time='2019.05.24' source='来源：中国政府网'></NewsItem>
          <NewsItem url='/pages/news/newsDetail/newsDetail?id=1' title='新经济下融资租赁业蓝海将进一步开启' time='2019.05.24' source='来源：中国政府网'></NewsItem>
          <NewsItem url='/pages/news/newsDetail/newsDetail?id=1' title='新经济下融资租赁业蓝海将进一步开启' time='2019.05.24' source='来源：中国政府网'></NewsItem>
          <NewsItem url='/pages/news/newsDetail/newsDetail?id=1' title='我市金融指标增速较快' time='2019.05.24' source='来源：中国政府网'></NewsItem>
          <NewsItem url='/pages/news/newsDetail/newsDetail?id=1' title='我市金融指标增速较快' time='2019.05.24' source='来源：中国政府网'></NewsItem>
          <NewsItem url='/pages/news/newsDetail/newsDetail?id=1' title='华学健：为实施乡村振兴战略提供强有力金融保障' time='2019.05.24' source='来源：中国政府网'></NewsItem>
          <NewsItem url='/pages/news/newsDetail/newsDetail?id=1' title='华学健：为实施乡村振兴战略提供强有力金融保障' time='2019.05.24' source='来源：中国政府网'></NewsItem>
          <BottomLine></BottomLine>
        </View>
      )
    }
    //2 渲染界面
    return (
      <View className='news'>
        <Tabs tabs={this.state.tabs} onClick={this.handleTabsClick.bind(this)}>
          {newsContent}
        </Tabs>      
        {/* <View className='bottom_line'>分割线</View> */}
      </View>
    )
  } 
}
